﻿<!DOCTYPE HTML>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href='http://fonts.googleapis.com/css?family=Maven+Pro:400,900,700,500' rel='stylesheet' type='text/css'>
    <link href="~/Content/css/style.css" rel="stylesheet" type="text/css" media="all" />
    <!--- start-mmmenu-script---->
    <script src="~/Content/js/jquery.min.js" type="text/javascript"></script>
    <link type="text/css" rel="stylesheet" href="~/Content/css/jquery.mmenu.all.css" />
    <script type="text/javascript" src="~/Content/js/jquery.mmenu.js"></script>
    <script type="text/javascript">
        //	The menu on the left
        $(function () {
            $('nav#menu-left').mmenu();
        });
    </script>
    <!-- start slider -->
    <link href="~/Content/css/slider.css" rel="stylesheet" type="text/css" media="all" />
    <script type="text/javascript" src="~/Content/js/jquery.eislideshow.js"></script>
    <script type="text/javascript" src="~/Content/js/easing.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#ei-slider').eislideshow({
                animation: 'center',
                autoplay: true,
                slideshow_interval: 3000,
                titlesFactor: 0
            });
        });
    </script>
    <!-- start top_js_button -->
    <script type="text/javascript" src="~/Content/js/move-top.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1200);
            });
        });
    </script>
</head>
<body>
    <!-- start header -->
    <div class="top_bg">
        <div class="wrap">
            <div class="header">
                <div class="logo">
                    <a href="index.html">
                        <img src="~/Content/images/logo.png" alt="" /></a>
                </div>
                @*<div class="log_reg">
                    <ul>
                        <li><a href="login.html">Login</a> </li>
                        <span class="log">or </span>
                        <li><a href="register.html">Register</a> </li>
                        <div class="clear"></div>
                    </ul>
                </div>*@
                <div class="web_search">
                    <form>
                        <input type="text" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}">
                        <input type="submit" value=" " />
                    </form>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <!-- start header_btm -->
    <div class="wrap">
        <div class="header_btm">
            <div class="menu">
                <ul>
                    <li class="active"><a href="/Home">Home</a></li>
                    <li><a href="/Home/Products">products</a></li>
                    <li><a href="/Home/About">about</a></li>
                    <li><a href="/Home">blog</a></li>
                    <li><a href="/Home/Contact">Contact</a></li>
                    <div class="clear"></div>
                </ul>
            </div>
            <div id="smart_nav">
                <a class="navicon" href="#menu-left"></a>
            </div>
            <nav id="menu-left">
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="products.html">products</a></li>
                    <li><a href="about.html">about</a></li>
                    <li><a href="index.html">pages</a></li>
                    <li><a href="blog.html">blog</a></li>
                    <li><a href="contact.html">Contact</a></li>
                    <div class="clear"></div>
                </ul>
            </nav>
            <div class="header_right">
                <ul>
                    <li><a href="#"><i class="art"></i><span class="color1">30</span></a></li>
                    <li><a href="#"><i class="cart"></i><span>0</span></a></li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div>
        @RenderBody();
    </div>
    <!-- start footer -->
    <div class="footer_mid">
        <div class="wrap">
            <div class="footer">
                <div class="f_search">
                    <form>
                        <input type="text" value="" placeholder="Enter email for newsletter" />
                        <input type="submit" value="" />
                    </form>
                </div>
                <div class="soc_icons">
                    <ul>
                        <li><a class="icon1" href="#"></a></li>
                        <li><a class="icon2" href="#"></a></li>
                        <li><a class="icon3" href="#"></a></li>
                        <li><a class="icon4" href="#"></a></li>
                        <li><a class="icon5" href="#"></a></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <!-- start footer -->
    <div class="footer_bg">
        <div class="wrap">
            <div class="footer">
                <!-- scroll_top_btn -->
                <script type="text/javascript">
                    $(document).ready(function () {

                        var defaults = {
                            containerID: 'toTop', // fading element id
                            containerHoverID: 'toTopHover', // fading element hover id
                            scrollSpeed: 1200,
                            easingType: 'linear'
                        };


                        $().UItoTop({ easingType: 'easeOutQuart' });

                    });
                </script>
                <a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"></span></a>
                <!--end scroll_top_btn -->
                <div class="f_nav1">
                    <ul>
                        <li><a href="#">home /</a></li>
                        <li><a href="#">support /</a></li>
                        <li><a href="#">Terms and conditions /</a></li>
                        <li><a href="#">Faqs /</a></li>
                        <li><a href="#">Contact us</a></li>
                    </ul>
                </div>
                <div class="copy">
                    <p class="link"><span>© All rights reserved | Template by&nbsp;<a href="#"> AnHo - solomonuns@gmail.com</a></span></p>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</body>
</html>


